<template>
  <div>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="(v,i) in arr" :key="i"><img :src="v.imgsrc" alt=""></van-swipe-item>
    </van-swipe>
    <h2>我的房子</h2>
   
  </div>
</template>
<script>
export default {
  data() {
    return {
        arr:[
        {imgsrc:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1599219572585&di=573532614a847556f41ae454c99c7aa9&imgtype=0&src=http%3A%2F%2Fimg1n.soufunimg.com%2Fjiancai%2Fbusiness%2Fto8to%2F201508%2F21%2F976%2Fd852f8b1d48575c7092560f760615cef.jpg"},
        {imgsrc:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1599219572584&di=0f16058216b927e876287b0a1530e141&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2Ffd8bc47bd8e6349e771d603e1038bfde709697936a21-yCchqT_fw658"},
        {imgsrc:"https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=148489635,3494801790&fm=26&gp=0.jpg"}  
      ]

    }
  },
};
</script>
<style scoped>
h2 {
  width: 100%;
  line-height: 65px;
  font-size: 17px;
  font-weight: 600;
}
.my-swipe .van-swipe-item {
  width: 100%;
  height: 76px;
}
.my-swipe .van-swipe-item img{
  width: 100%;
  height: 100%;
}
</style>